<template>
  <!-- loading -->
  <div class="loading"></div>
</template>

<style lang="css" scoped>
.loading {
  position: relative;
  width: 30px;
  height: 30px;
  border: 2px solid var(--primary-color);
  border-top-color: var(--primary-color-translucence);
  border-right-color: var(--primary-color-translucence);
  border-bottom-color: var(--primary-color-translucence);
  border-radius: 100%;

  animation: circle infinite 0.75s linear;
}

@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
</style>
